<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LOGIN</title>
    <style>
        body{
            padding: 0px;
            margin: 0px;
            height: 100%;width: 100%;
        }
        .denglu {
            padding: 0px;
            margin: 0px;
            background-image: url("../../static/images/bg.png");
            width: 100%;
            height: 680px;
            background-size: cover;
            background-repeat: no-repeat;
        }
        #sign_content{
           width: 500px;
           height: 550px;
           padding-top: 40px;
           margin-left: 1000px;
           padding-bottom: 200px;
           border: 1px #775C5C solid;
           background-color: #fff;
            text-align: center;
          }
        .submit_button_{
            height: 36px;
            width: 200px;
            border-radius: 3%;
            font-size: 20px;
            background: none;
            margin-top: 20px;
        }
        .submit_button_ :hover {
            cursor: pointer;
        }
        .input_sign_in{
            width:400px;
            height:40px;
            margin: 20px 50px 10px 40px;
            clear: both;
        }
        .lab{
            float: left;
            margin-right: 10px;
        }
        .area{
            width:300px;
            float: right;
        }
        #button1{

            float: right;
            margin-left: 10px;
        }
        #area1{
            width: 195px;
            float: right;
        }
        #button2{
            width: 400px;
        }
        </style>
</head>

<body>
{% include 'head_login.html' %}
    <div class="denglu">
        <br><br><br><br><br><br>
        <div id="sign_content">
                {% csrf_token %}
            <div style="margin-bottom:30px;font-size: 30px;color: #807878; margin-left: 100px;margin-top: 10px; width: 300px;font-weight: 600;" > &nbsp;统一身份认证<br><span style="font-size: 15px;padding-left: 40px;">用户激活系统</span></div>
            <form class="form-horizontal" role="form" method="post">
                  <div class="input_sign_in">
                      <div class="lab">
                      <label class="control-label">学工号</label>
                      </div>
                      <label class="area">
                          <input type="text" name = "userid" class="form-control" placeholder="请输入您的学工号" value = '{{ userid }}' required>
                      </label>
                  </div>
                  <div class="input_sign_in">
                      <div class="lab">
                      <label class="control-label">密码</label>
                      </div>
                      <label class="area">
                          <input type="password" name = "password" class="form-control" placeholder="请输入您的密码" value = '{{ password1 }}' required>
                      </label>
                  </div>
                  <div class="input_sign_in">
                      <div class="lab">
                      <label class="control-label">确认密码</label>
                      </div>
                      <label class="area">
                          <input type="password" name = "confirmPassword" class="form-control" placeholder="请再次确认你的密码" value = '{{ password2 }}'required>
                      </label>
                  </div>
                  <div class="input_sign_in">
                      <div class="lab">
                      <label class="control-label">邮箱</label>
                      </div>
                      <label class="area">
                          <input type="email" class="form-control" name = "email" placeholder="xxx@buaa.edu.cn" value = '{{ email }}' required>
                      </label>
                  </div>
                  <div class="input_sign_in">
                      <div class="lab">
                      <label class="control-label" >验证码</label>
                      </div>
                         <button type="submit" class="btn btn-primary mb-2" id="button1">发送验证码</button>
                      <label class="area" id="area1">
                          <input type="text" class="form-control" name = "verifyMessage" placeholder="验证码" value = '{{ verifyMessage }}'>
                      </label>
                  </div>
                <button type="submit" class="btn btn-primary mb-2" id="button2">激活账户</button>
            </form>
          </div>
        </div>
    </div>
{% include 'bottom.html' %}
</body>